<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单信息</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/Receiving.css">
    <link rel="shortcut icon" href="./favicon.ico">
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="w">
            <a href="./index.html" class="fl">返回首页</a>
            <div class="zuc">
                <p class="fl">品优购欢迎您!   请登录 
                    <a href="#">免费注册</a>
                </p>
                <ul class="fr">
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">我的品优购</a></li>
                    <li><a href="#">品优购会员</a></li>
                    <li><a href="#">企业采购</a></li>
                    <li><a href="#">关注品优购</a></li>
                    <li><a href="#">客户服务</a></li>
                    <li><a href="#">网站导航</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="sous">
        <div class="w">
            <div class="logo">
                <img src="./images/logo.png" alt="">
                <h2>购物车</h2>
                <div class="fr">
                    <input type="text" placeholder="自营">
                    <button>搜索</button>
                </div>
                <p>填写并核对订单信息</p>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <!-- 收件人信息 -->
    <div class="message">
        <div class="w">
            <div class="box">
                <div class="sjr">
                    <h3>收件人信息</h3>
                    <a href="#">新增收货地址</a>
                    <div>张某某 北京</div>
                    <span>张谋谋  北京市海淀区三环内 中关村软件园9号楼  159****3201</span>
                    <p>更多地址</p>
                </div>
                <div class="ztd">
                    <div>匹配自提点</div>
                    <span>时代思远书店  中关村软件园9号楼时代思远书店</span>
                </div>
                <div class="zf">
                    <h3>支付方式</h3>
                    <ul>
                        <li><input type="text" value="货到付款"></li>
                        <li><input type="text" value="微信付款"></li>
                        <li><input type="text" value="在线支付"></li>
                        <li><a href="#">更多></a></li>
                    </ul>
                </div>
                <h2>送货清单:</h2>
                <div class="kd">
                    <h3>配送方式</h3>
                    <div>天天快递</div>
                    <span>配送时间：预计8月10日（周三）09:00-15:00送达</span>
                </div>
                <div class="wp">
                    <div class="fl">
                        <h3>配送方式:</h3>
                        <img src="./upload/aside_img.jpg" alt="">
                        <p>Apple iPhone 6s (A1700) 64G 玫瑰金色 移动联通电信4G手机
                           硅胶透明防摔软壳 本色系列</p>
                        <span>7天无理由退货</span>
                    </div>
                    <div class="fr right">
                        <ul>
                            <li>¥5399.00</li>
                            <li>x1</li>
                            <li>有货</li>
                        </ul>
                    </div>
                </div>
                <div class="fp">
                    <h3>发票信息</h3>
                    <ul>
                        <li><a href="#">普通发票(电子)</a></li>
                        <li><a href="#">个人</a></li>
                        <li><a href="#">明细</a></li>
                        <li><a href="#">修改</a></li>   
                    </ul>
                    <h4>使用优惠/抵用</h4>
                </div>
            </div>
        </div>
    </div>
    <!-- 收件人信息 -->
    <!-- 金额详情 -->
    <div class="money">
        <div class="w">
            <div class="yf">
                <ul class="fl">
                    <li><span>1</span>件商品,总商品金额:</li>
                    <li>返现:</li>
                    <li>运费:</li>
                </ul>
                <dl class="fr">
                    <dd>¥5388.00</dd>
                    <dd>-¥0.00</dd>
                    <dd><span>¥5388.00</span></dd>
                </dl>
            </div>
            <div class="je">
                <h4>应付总额: <span>¥5388.00</span></h4>
                <p>寄送至：北京市海淀区三环内 中关村软件园9号楼  收货人：某某某  159****3201</p>
            </div>
            <div class="tj">
                <a href="#">提交</a>
            </div>
        </div>
    </div>
    <!-- 金额详情 -->
    <div class="base">
        <div class="w">
            <!-- 正品保障 -->
            <div class="zhenp">
                <ul>
                    <li>
                        <div class="zb">
                            <p>正品保障</p>
                            <span>正品保障,提供发票</span>
                        </div>
                    </li>
                    <li>
                        <div class="js">
                            <p>极速物流</p>
                            <span>急速物流,急速送达</span>
                        </div>
                    </li>
                    <li>
                        <div class="wy">
                            <p>无忧售后</p>
                            <span>7天无理由退换货</span>
                        </div>
                    </li>
                    <li>
                        <div class="ts">
                            <p>特色服务</p>
                            <span>私人定制家电套餐</span>
                        </div>
                    </li>
                    <li>
                        <div class="bz">
                            <p>帮助中心</p>
                            <span>您的购物指南</span>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 正品保障 -->
            <!-- 购物指南 -->
         <div class="gouw">
            <dl class="fl">
                <dt><a href="#">购物指南</a></dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">配送方式</a></dt>
                <dd><a href="#">上门自提</a></dd>
                <dd><a href="#">211限时达</a></dd>
                <dd><a href="#">配送服务查询</a></dd>
                <dd><a href="#">配送费收取标准</a></dd>
                <dd><a href="#">海外配送</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">支付方式</a></dt>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">在线支付</a></dd>
                <dd><a href="#">分期付款</a></dd>
                <dd><a href="#">邮局汇款</a></dd>
                <dd><a href="#">公司转账</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">售后政策</a></dt>
                <dd><a href="#">价格保护</a></dd>
                <dd><a href="#">退款说明</a></dd>
                <dd><a href="#">返修/退换货</a></dd>
                <dd><a href="#">取消订单</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">特色服务</a></dt>
                <dd><a href="#">夺宝岛</a></dd>
                <dd><a href="#">DIY装机</a></dd>
                <dd><a href="#">延保服务</a></dd>
                <dd><a href="#">品优购E卡</a></dd>
                <dd><a href="#">品优购通信</a></dd>
            </dl>
            <dl class="ewm fl">
                <dt><a href="#">帮助中心</a></dt>
                <dd><a href="#">品优购客户端</a></dd>
            </dl>
         </div>
         <!-- 购物指南 -->
         <!-- 关于我们 -->
         <div class="guany">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">联系客服</a></li>
                <li><a href="#">商家入驻</a></li>
                <li><a href="#">营销中心</a></li>
                <li><a href="#">手机品优购</a></li>
                <li><a href="#">友情链接</a></li>
                <li><a href="#">销售联盟</a></li>
                <li><a href="#">品优购社区</a></li>
                <li><a href="#">品优购公益</a></li>
                <li><a href="#">English Site</a></li>
                <li><a href="#">Contact U</a></li>
            </ul>
            <p>地址:北京市昌平区建材城西路金燕龙办公楼一层 邮编: 100096电话: 400-618-4000 传真: 010-82935100 邮箱:zhanghj+itcast.cn</p>
            <p>京ICP备08001421号京公网安备110108007702</p>
         </div>
         <!-- 关于我们 -->
        </div>
         
         
    </div>
</body>
</html>